<template>
    <div class="bookDetail">
        <div class="imgBack">
            <img src="./../../static/image/back_gray.png"/>
        </div>
        <div class="detailTitle">
            书籍详情
        </div>
    </div>
</template>

<script>
    export default {
        name: "Detail",
        data() {
            return {
                msg: "Welcome to Your Vue.js Detail Page",
            }
        },
        created() {
            const bookId = this.$route.query.bookId;
            console.log("bookId=", bookId);
        },
    }
</script>

<style scoped>
    .bookDetail {
        position: relative;
        box-sizing: border-box;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .imgBack {
        width: 8px;
        height: 15px;
        position: absolute;
        overflow: hidden;
    }

    .imgBack img {
        width: 8px;
        height: 15px;
    }

    .detailTitle {
        height: 10px;
        margin-left: 90px;
        position: relative;
    }
</style>